<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>专业婚礼机构</title>
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="imgapper.js"></script>
    <script type="text/javascript">
        window.onload=function(){
            imgapper.scroll(4,"banner_list","list","banner_info");
        }
    </script>
    <style type="text/css">
        #banner {position:relative; width:725px; height:210px; border:1px solid #666; overflow:hidden;}
        #banner_bg {position:absolute; bottom:0px; background-color:#000;height:27px; filter: Alpha(Opacity=30); opacity:0.3; z-index:1000; cursor:pointer; width:725px;}
        #banner_info {position:absolute; bottom:0px; left:5px; line-height:27px; color:#fff; z-index:1001}
        #banner ul {position:absolute; list-style-type:none; filter: Alpha(Opacity=75); opacity:0.75; border:1px solid #fff; z-index:1002; margin:0; padding:0; bottom:3px; right:5px;}
        #banner ul li { padding:0px 5px; float:left; display:block; color:#FFF; border:#fff thin solid; background-color:#666; cursor:pointer}
        #banner ul li.on{ background-color:#900}
        #banner_list a{position:absolute;}
    </style>
</head>
<body>
<div id="all">
    <div id="head">
        <img src="images/logo.jpg" alt="logo" width="385" height="110" /><span>023-68880888</span>
    </div>
    <div id="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">机构介绍</a></li>
            <li><a href="#">作品欣赏</a></li>
            <li><a href="#">套系报价</a></li>
            <li><a href="#">优惠活动</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
    <div id="main">
        <div id="m1">
            <div class="login">
                <form>
                    <label>用户名：</label>
                    <input type="text" id="user_name"size="15" maxlength="8"/>
                    <label>密码：</label>
                    <input type="password" id="user_pwd" size="15" maxlength="8"/>
                    <input type="submit" id="login_submit" value="登 陆" />
                    <input type="reset" id="login_reset" value="重 置"/>
                  </form>
            </div>
            <div class="ad">
                <div id="banner">
                    <div id="banner_bg"></div>             <!--图像序号背景-->
                    <a href="#" id="banner_info"></a>      <!--图像序号-->
                    <ul id="list"></ul>
                    <div id="banner_list">
                        <a href="#" target="_blank"><img src="images/ad.jpg" alt="彼岸花坊婚礼策划机构" /></a>
                        <a href="#" target="_blank"><img src="images/ad1.jpg" alt="彼岸花坊婚礼策划机构" /></a>
                        <a href="#" target="_blank"><img src="images/ad2.jpg" alt="彼岸花坊婚礼策划机构" /></a>
                        <a href="#" target="_blank"><img src="images/ad3.jpg" alt="彼岸花坊婚礼策划机构" /></a>
                    </div>
                </div>
            </div>
        </div>
        <div id="m2">
            <div class="hlzx">
                <img src="images/hlzx_title.jpg" alt="hlzx" width="596" height="44"/>
                <div class="hlzx_ad">
                    <img src="images/pic_1.jpg" alt="最新图片" />
                    <dl>
                        <dt>红色婚礼 一样够潮够时尚</dt>
                        <dd>作为婚礼上的传统经典色彩——红色，在西式婚礼中变得十分有挑战性。红玫瑰是最常用的花材，其实除了红玫瑰，还有很多红色的花材可供新人选择，例如海玉、鸡冠花、扶郎、红色兰花、尤加利、红果、红掌等。</dd>
                    </dl>
                    <ul>
                        <li><a href="#">婚宴酒店合同不难谈爱结教你据理力争</a></li>
                        <li><a href="#">婚纱摄影完全手册大公开⑤婚纱照POSE如何摆</a></li>
                        <li><a href="#">婚纱摄影完全手册大公开④拍婚纱照前注意事项</a></li>
                        <li><a href="#">海外婚礼筹备守则② １０大步骤与半年行程表</a></li>
                    </ul>
                </div>
            </div>
            <div class="show">
                <img src="images/show_title.jpg" alt="show" width="335" height="44" /> 
                <img class="video" src="images/video.jpg" alt="video"/> 
            </div>
        </div>
        <div id="m3">
            <img src="images/zpxs_title.jpg" alt="zpsx" />
            <dl>
                <dt><a href="#"><img src="images/p1.jpg" /></a></dt>
                <dd><a href="#">[和你在一起]</a></dd>
            </dl>
            <dl >
                <dt><a href="#"><img src="images/p2.jpg" /></a></dt>
                <dd><a href="#">[薰衣草童话]</a></dd>
            </dl>
            <dl>
                <dt><a href="#"><img src="images/p3.jpg" /></a></dt>
                <dd><a href="#">[天使的微笑]</a></dd>
            </dl>
            <dl>
                <dt><a href="#"><img src="images/p4.jpg"/></a></dt>
                <dd><a href="#">[单车情缘]</a></dd>
            </dl>
        </div>
    </div>
    <div id="link">
        <ul>
            <li><span>友情链接：</span></li>
            <li><a href="#">重庆购物</a></li>
            <li><a href="#">重庆妈妈网</a></li>
            <li><a href="#">重庆金夫人婚纱摄影</a></li>
            <li><a href="#">重庆安琪儿儿童摄影</a></li>
        </ul>
    </div>
    <div id="foot">
        <p>2011  重庆正大软件学院承办</p>
    </div>
</div>
</body>
</html>